<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>分类话题列表</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/topicList.css" />
		<link rel="stylesheet" type="text/css" href="../../css/community/topicProblem.css" />
		<style>
			.back-header{
				height: 45px;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a onclick="api.closeWin()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">{{category_name}}</div>
				<!--分类列表S-->
				<div id="cate" class="topic_div">
					<ul class="topic_ul">
						<li v-bind:class="{ active: isActive == item.id }" v-on:click="jump(item.id)" v-for="item in topic">{{item.name}}</li>
					</ul>
				</div>
				<!--分类列表E-->
			</div>
			<!--公共头部结束-->

			<!--问题列表S-->
			<div id="main" class="topic-problem-content">
				<div class="topic-problem-content-detail" v-for="item in questionList" v-on:click="jumpDetails(item.id, item.user_id)">
					<p class="topic-problem-title">{{item.title}}</p>
					<div class="topic-problem-name">
						<img :src="path + (item.avatar_path) + (item.avatar)">
						<span class="home-span">{{item.nickname}}</span>
					</div>
					<p class="topic-problem-details server-article" v-html="item.content"></p>
					<div class="topic-problem-price-time">
						<div class="topic-problem-eye">
							<i class="fa fa-eye iconR2"></i>
							<span>{{item.click}}人浏览</span>
						</div>
						<div class="topic-problem-reply">
							<i class="fa fa-commenting-o iconR2"></i>
							<span>{{item.answer_count}}回答</span>
						</div>
						<div class="topic-problem-time topic-problem-time-other">
							<i class="fa fa-clock-o iconR2"></i>
							<span v-if="item.created_at == null ">0</span>
							<span v-else>{{item.created_at.split(" ")[0]}}</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--问题列表E-->
			<!--没有数据时使用-->
			<div v-if="isNoM" class="noMsg-div">
				<my-component></my-component>
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/community/topicList.js" type="text/javascript" charset="utf-8"></script>

</html>